div{
    width: 80%;
    margin: 20px auto; /*Centre les div dans la page*/
    background-color: #777; /*Fond gris*/
}
p{
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align:center; /*Texte centré horizontalement*/
  line-height: 100px; /*Texte centré verticalement*/
  background-color: #0CC; /*Fond bleu vert*/
}
.carre{
  width: 200px;
  height: 200px;
  box-sizing:border-box;
}
.carre p{
  line-height: 200px;
}
.bordure{
    border: 2px solid black;
}
.arrondi1{
    border-radius : 50%;
}
.arrondi2{
    border-radius: 25% / 50%;
}